layui.use(['jquery','element','layer'], function(){
  var $ = layui.$
  ,layer = layui.layer
  ,element = layui.element;
  
  $(function(){
    // 绑定按钮点击切换左侧菜单
    $(".hide-side-btn").on("click",function(){
      toggleSide();
    });


    /**
     * 切换左侧菜单最小化
     */
    function toggleSide(){
      var body = $(".layui-layout-body")
        ,className="mini-navbar";

      if(body.hasClass(className)){
        body.removeClass(className);
      }else{
        body.addClass(className);
      }
    }


    /*收起左侧菜单区域后鼠标指向menu图标 提示菜单标题*/
    $('.mini-navbar .layui-nav-tree .layui-nav-item .top-nav-item').on('mouseenter', function(){
      var that = this;
      // 把tips的标识记录到data里
      $(this).data("tips-index",layer.tips('只想提示地精准些', that,{
        time: 0 //不自动关闭
      }))
    });
    $('.mini-navbar .layui-nav-tree .layui-nav-item .top-nav-item').on('mouseleave', function(){
      layer.close($(this).data("tips-index"));
    });
    $('.mini-navbar .layui-nav-tree .layui-nav-item').on('click', function(){
      console.log(1);
      return false;
    });



    /**
     * tab页签操作
     * @return {[type]} [description]
     */
    (function(){

      var tab_hd = $("#iframe-tab-title");
      var tab_bd = $("#iframe-tab-content");


      // Tab页签打开 --- 绑定
      $(document).on("click",".tab_open",function(){
        var url = $(this).data("url");
        var title = $(this).data("title");
        tab_open(title,url);
        return false;
      })


      // Tab页签关闭 --- 绑定
      $(document).on("click","#iframe-tab-title li .layui-icon-close",function(){
        tab_close($(this).parent().index());
      })

      // Tab页签切换 --- 绑定
      $(document).on("click","#iframe-tab-title li",function(){
        tab_show($(this).index());
      })

      /**
       * 打开tab页签
       * @param  {string} title 页面标题
       * @param  {string} url   页面链接
       */
      function tab_open(title,url){

        var $tab_head = $('\
          <li data-url="' + url + '" class="layui-this">\
            <span>' + title + '</span>\
            <i class="layui-icon layui-icon-close"></i>\
          </li>');

        var $tab_content = $('<div class="layui-tab-item layui-show" data-src="' + url + '"><iframe src="' + url + '" class="tabs-iframe" frameborder="0"></iframe></div>');

        tab_hd.children(".layui-this").removeClass("layui-this");
        tab_bd.children(".layui-show").removeClass("layui-show");
        tab_hd.append($tab_head);
        tab_bd.append($tab_content);
      }


      /**
       * 关闭tab页签
       * @param  {number} index 要关闭的页签下标
       */
      function tab_close(index){
        // 如果关闭的是当前页签，则切换上一个页签显示
        var hdItem = tab_hd.children("li").eq(index);
        if(hdItem.hasClass("layui-this")){
          tab_show(index - 1);
        }

        hdItem.remove();
        tab_bd.children(".layui-tab-item").eq(index).remove();
      }


      /**
       * 切换tab页签
       * @param  {number} index 要显示的页签下标
       */
      function tab_show(index){
        tab_hd.children("li").eq(index).addClass("layui-this").siblings().removeClass("layui-this");
        tab_bd.children(".layui-tab-item").eq(index).addClass("layui-show").siblings().removeClass("layui-show");
      }

    }())

  });
});

